<template>
	<div class="right-twos">
		<div class="resource">
			<china />
		</div>
		<div class="avenue">
      <div class="title">主干道车流统计</div>
      <div class="content">
        <avenue/>
      </div>
    </div>
	</div>
</template>

<script>
export default {
	name: 'right-two',
	components: {
		china: () => import('./echarts/chinaMap'),
    avenue:()=>import('./echarts/avenue')
	}
}
</script>

<style scoped lang="less">
@import "../assets/css/mixin.css";
.right-twos {
	height: 100%;
  padding-top: 20px;
  box-sizing: border-box;
	.resource {
		height: 50%;
	}
	.avenue {
		height: calc(50% - 30px);
    border: 1px solid #21B5E3;
    border-radius:6px;
    margin-top: 23px;
    .content{
      height: calc(100% - 47px);
    }
	}
}
</style>
